.index-4-1{
  height:100%;
  width: 100%;
  color: #000;
  position: relative;
  // background-color: #000D17;
  .middleBg {
    width: 100%;
    height: 100%;
    display: flex;
    .middleBgLeft {
      width: 39px;
      height: 100%;
      background-size: 100% 100%;
      //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/middleLeft.png");
      background-repeat: no-repeat;
    }
    .middleBgMid {
      width: calc(100% - 72px);
      height: 100%;
      background-size: 100% 100%;
      //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/middlebg.png");
      background-repeat: no-repeat;
      .content1 {
        display: flex;
        width: 100%;
        // height: calc((100% - 90px) / 2);
        height: 50%;
        .content {
          width: calc((100% - 60px) / 2);
          margin-left: 20px;
          height: 100%;
          //   background-color: red;
          .contentTop {
            width: 100%;
            height: 55px;
            display: flex;
            .left {
              width: 35px;
              height: 100%;
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border1.png");
              background-repeat: no-repeat;
            }
            .middle {
              width: calc(100% - 70px);
              height: 100%;
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border2.png");
              background-repeat: no-repeat;
              position: relative;
              display: flex;
              .title {
                margin-left: 10px;
                width: auto;
                height: 39px;
                line-height: 39px;
                top: 16px;
                font-size: 14px;
                position: absolute;
              }
            }
            .right {
              width: 35px;
              height: 100%;
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border2Right.png");
              background-repeat: no-repeat;
            }
          }
          .contentBottom {
            width: 100%;
            height: calc(100% - 55px);
            display: flex;
            .left {
              width: 2px;
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border3left.png");
              background-repeat: no-repeat;
            }
            .middle {
              width: calc(100% - 4px);
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border3.png");
              background-repeat: no-repeat;
              .gdztzb {
                width: 100%;
                height: 100%;
              }
              .gdsbzb {
                width: 100%;
                height: 100%;
              }
              .gdslqs {
                width: 100%;
                height: 100%;
              }
            }
            .right {
              width: 2px;
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border3Right.png");
              background-repeat: no-repeat;
            }
          }
        }
      }
      .content2 {
        display: flex;
        width: 100%;
        // height: calc((100% - 90px) / 2);
        height: 50%;
        margin-top: 20px;
        .content {
          width: calc((100% - 60px) / 2);
          margin-left: 20px;
          height: 100%;
          //   background-color: red;
          .contentTop {
            width: 100%;
            height: 55px;
            display: flex;
            .left {
              width: 35px;
              height: 100%;
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border1.png");
              background-repeat: no-repeat;
            }
            .middle {
              width: calc(100% - 70px);
              height: 100%;
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border2.png");
              background-repeat: no-repeat;
              position: relative;
              .title {
                margin-left: 10px;
                width: auto;
                height: 39px;
                line-height: 39px;
                top: 16px;
                font-size: 14px;
                position: absolute;
              }
            }
            .right {
              width: 35px;
              height: 100%;
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border2Right.png");
              background-repeat: no-repeat;
            }
          }
          .contentBottom {
            width: 100%;
            height: calc(100% - 55px);
            display: flex;
            .left {
              width: 2px;
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border3left.png");
              background-repeat: no-repeat;
            }
            .middle {
              width: calc(100% - 4px);
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border3.png");
              background-repeat: no-repeat;
              .yjdjgdtj {
                width: 100%;
                height: 100%;
              }
              .yjlxgdtj {
                width: 100%;
                height: 100%;
              }
              .gdlxtj {
                width: 100%;
                height: 100%;
              }
            }
            .right {
              width: 2px;
              background-size: 100% 100%;
              //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/border3Right.png");
              background-repeat: no-repeat;
            }
          }
        }
      }
    }
    .middleBgRight {
      width: 33px;
      height: 100%;
      background-size: 100% 100%;
      //background-image: url("~@/assets/image/bigScreen/index-1/index-1-3/middleRight.png");
      background-repeat: no-repeat;
    }
  }
}
